<template>
  <div id="newApp">
    <!-- <div class="title">标注</div> -->
    <ul>
      <li v-for="(a,b) in list">
        <span class="user">{{a.user}}:</span>
        <span class="content">{{a.content}}</span>
      </li>
    </ul>
  </div>
</template>

<script>

export default {
  components: {
  },
  data() {
    return {
      list: []
    }
  },
  created() {
  },
  methods:{
    // add () {
    // },
    setList (a) {
      this.list = a
    },
    addList (a) {
      this.list.push(a)
    }
    
  }
}
</script>
<style lang="less">
#newApp {
  background-color: #eee;
  ul {
    height: calc(100% - 14px);
    font-size: 8px;
    overflow-y: auto;
    padding: 4px;
    margin: 0;
    li {
      border-bottom: 1px dashed #ccc;
      list-style: none;
      padding: 2px;
      word-wrap:break-word;
      word-break:break-all;
      .user {
        margin-right: 4px;
        color: #999;
      }
      .content {
        color: #606266;
      }
    }
    li:last-child {
      border-bottom: none;
    }
  }
}
</style>
